<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="home.css">
    <link rel="stylesheet" type="text/css" href="css/car.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/ion.rangeSlider.css" />
    <link rel="stylesheet" href="css/ion.rangeSlider.skinNice.css" id="styleSrc"/>
    <style type="text/css">
        .irs-min, .irs-max {
            display: none!important;
        }
        .irs-line-left {
            background: #99a4ac;
            height: 5px;
        }
        .irs-line-mid{
            background: #99a4ac;
            height: 5px;
        }
        .irs-line-right{
            background: #99a4ac;
            height: 5px;
        }
        .irs-line-right{
            height: 5px;
        }
        .irs-diapason{
            background: #16ace4;
        }
        .irs-grid{
            display: none!important;
        }
        .irs-diapason{
            height: 5px;
        }
        .irs-slider {
            background: url(img/c.png) no-repeat;
            background-position: 0 0px;
            background-size: cover;
        }
        #irs-active-slider, .irs-slider:hover {
            background-position: 0 0px;
        }
    </style>
</head>

<body>
<div class="swiperWrap">
    <img src="images/close.png" class="close">
    <div class="swiper-container gallery-top">
    <div class="swiper-wrapper">
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
    </div>
    <!-- Add Arrows -->
    <div class="swiper-button-next swiper-button-white"></div>
    <div class="swiper-button-prev swiper-button-white"></div>
  </div>
  <div class="swiper-container gallery-thumbs">
    <div class="swiper-wrapper">
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
      <div class="swiper-slide" style="background-image:url(./images/nature.jpg)"></div>
    </div>
  </div>
</div>
    <!-- pc_header -->
<div class="pc_header">
<div class="pc_nav clearfix max1600">
	<a href="" class="logo">
		<img src="images/logo.png" alt="">
	</a>
	<ul>
		<li><a href='index.html'>SEARCH CARS</a></li>
        <li class="on"><a href='carlist.html'>SELL/TRADE</a></li>
		<li class='nav-has-sub'><a href='#'>FLNANCLNG</a>
		  <ul>
			<li><a href='#'>FLNANCLNG</a></li>
			<li><a href='#'>FLNANCLNG</a></li>
			<li><a href='#'>FLNANCLNG</a></li>
			<li><a href='#'>FLNANCLNG</a></li>
		  </ul>
	   	</li>
		<li><a href='#'>CAR FINDER</a></li>
	</ul>
	<div class="rt">
		<select name="" id="">
			<option value='' disabled selected style='display:none;'> HOW  IT WORKS</option>  
			<option value='0'>Open when powered (most valves do this)</option>  
			<option value='1'>Closed when powered, auto-opens when power is cut</option>  
		</select>
		<a href="" class="button"><img src="images/login.png" alt=""></a>
	</div>
</div>
</div>
<!-- pag_ban -->
	
<!-- m_header -->
<div class="m_header">
	<div class="header-section">
        <div class="logo"><a href="#"><img src="./images/logo.png" alt=""></a></div>
        <a href="javascript:;" class="nav-icon" id="navToggle">
            <i><span></span></i>
            <i><span></span></i>
            <i><span></span></i>
        </a>
    </div>
	<nav class="m-navbar" id="navbar">
        <div class="logo">
		<a href="#" class="logoimg"><img src="./images/logo.png" alt=""></a>
		<a href="javascript:;" class="nav-icon" id="closed">
			<i><span></span></i>
			<i><span></span></i>
		</a>
		</div>
		<ul class="m_navul" data-in="fadeInDown" data-out="fadeOutUp">
			<li class="active">
				<a href="javascript:void(0)">首页</a>
			</li>
			<li class="dropdown">
				<a href="javascript:void(0)">
					业务体系
				</a>
				<div class="dropdown_menu">
					<a href="#">二级菜单</a>
					<a href="#">二级菜单</a>
					<a href="#">二级菜单</a>
				</div>
			</li>
			<li class="dropdown">
				<a href="javascript:void(0)">直营园</a>
				<div class="dropdown_menu">
					<a href="#">二级菜单</a>
					<a href="#">二级菜单</a>
					<a href="#">二级菜单</a>
				</div>
			</li>
			<li>
				<a href="javascript:void(0)">行知资讯</a>
			</li>
			<li>
				<a href="javascript:void(0)">关于我们</a>
			</li>
			<li>
				<a href="javascript:void(0)">联系合作</a>
			</li>
		</ul>

    </nav>
	
</div>
<!-- m_header -->
    <div id="main">
        <div class="container-fluid">
            <div class="container">
                 <div class="row">
                     <div class="titleWord">USED CARS</div>
                     <div class="search">
                         <img src="images/Ellipse 1@2x.png">
                         <input type="text" name="" class="searchInput" placeholder="Search">
                         <div class="go">GO</div>
                     </div>
                      <div class="moreSearch" style="overflow: hidden;margin-bottom: 15px;"></div>
                 </div>
            </div>
        </div>
        <!-- 列 -->
        <div class="container-fluid">
            <div class="container">
                <div class="like-box">
                    <ul class="row rnone">
                        <li class="col-md-1-5 carWrap">
                            <div class="proWrap" v="0">
                                <span> PROCE&FINANCING</span>
                                <img src="images/barr.png">
                            </div>
                            <div class="procesArea hideArea hac" >
                                <div class="tabwrap">
                                  <div class="tabInner tac">FINANCE</div>
                                  <div class="tabInner ">PRICE</div>
                                </div>
                                <div class="tabContent tabContentac">
                                    <div class="prangeL">
                                      <div class="rangeWrap">
                                        <span>PRICE RANGE</span>
                                        <div class="cir" id="ran3">$97 999</div>
                                        <div class="lin">-</div>
                                        <div class="cir" id="ran4">$6 990</div>
                                      </div>
                                      <div class="rwrap rw_2">
                                          <input type="text" id="range_2" />
                                      </div>
                                      <div class="year">
                                          <span >$6 990</span>
                                          <span>$97 999</span>
                                      </div>
                                    </div>
                                    <div class="prangeR">
                                      <div class="prangeRtitle">
                                        TEDA OFFERS FINANCING
                                      </div>
                                      <img src="images/b100.png" class="b100">
                                      <div class="b100word">These are estimated terms.Get pre-qualified 
                                        to see your personalized finane
                                        ciong terms,
                                        with no impact to your credit score.
                                       </div>
                                       <div class="getBtn">GET MY TEAMS</div>
                                    </div>
                                    <div class="prBottom">11,735
                                     car in your budget
                                    </div>
                                  </div>
                                <div class="tabContent">
                                  <div class="prangeL">
                                      <div class="rangeWrap">
                                        <span>CASH DOWN</span>
                                        <div class="cir" id="ran5">$97 999</div>
                                        <div class="lin">-</div>
                                        <div class="cir" id="ran6">$6 990</div>
                                      </div>
                                      <div class="rwrap rw_3">
                                          <input type="text" id="range_3" />
                                      </div>
                                      <div class="year">
                                          <span >$6 990</span>
                                          <span>$97 999</span>
                                      </div>
                                    </div>
                                    <div class="prangeR" style="border:none;padding-bottom: 0;">
                                      <div class="rangeWrap">
                                        <span>MONTHLY PAYMENT</span>
                                        <div class="cir" id="ran7">$97 999</div>
                                        <div class="lin">-</div>
                                        <div class="cir" id="ran8">$6 990</div>
                                      </div>
                                      <div class="rwrap rw_4">
                                          <input type="text" id="range_4" />
                                      </div>
                                      <div class="year">
                                          <span >$6 990</span>
                                          <span>$97 999</span>
                                      </div>
                                    </div>
                                    <div class="prangeL" style="border:1px solid #e7e8fa;padding: 25px;">
                                      <div class="prangeRtitle">
                                        TEDA OFFERS FINANCING
                                      </div>
                                      <img src="images/b100.png" class="b100">
                                      <div class="b100word">These are estimated terms.Get pre-qualified 
                                        to see your personalized finane
                                        ciong terms,
                                        with no impact to your credit score.
                                       </div>
                                       <div class="getBtn">GET MY TEAMS</div>
                                    </div>
                                    <div class="prangeR">
                                      <div class="prangeRtitle">
                                        APPLY A TEADE-IN VALUE
                                      </div>
                                      <img src="images/b100.png" class="b100">
                                      <div class="b100word">These are estimated terms.Get pre-qualified 
                                        to see your personalized finane
                                        ciong terms,
                                        with no impact to your credit score.
                            
                                       </div>
                                       <div class="getBtn">GET YOUR TRADE IN VALUE</div>
                                    </div>
                                    <div class="prBottom">11,735
                                     car in your budget
                                    </div>
                                </div>

                            </div>
                        </li>
                        <li class="col-md-1-5 carWrap">
                            <div class="carSea proWrap" v="1">
                                 <span> MAKE&MODEL</span>
                                 <img src="images/barr.png">
                            </div>
                            <div class="makeArea hideArea hac" >
                              <div class="makeSearch">
                                  <img src="images/asdasd.png">
                                  <input type="text" name="" value="Search ">
                              </div>
                              <div class="makeTitlesInner">
                                <div class="makeCar">
                                  <div class="makeCarInner">Acura </div>
                                  <div class="makeCarInner ">Dodge</div>
                                  <div class="makeCarInner">Jaguar </div>
                                  <div class="makeCarInner ">Mercedes-Benz </div>
                                  <div class="makeCarInner">Scion</div>
                                </div>
                                <div class="makeCar">
                                  <div class="makeCarInner">Alfa Romeo </div>
                                  <div class="makeCarInner ">FIat</div>
                                  <div class="makeCarInner">Jeep </div>
                                  <div class="makeCarInner ">MINI </div>
                                  <div class="makeCarInner">Maart</div>
                                </div>
                                <div class="makeCar">
                                  <div class="makeCarInner">Acura </div>
                                  <div class="makeCarInner ">Dodge</div>
                                  <div class="makeCarInner">Jaguar </div>
                                  <div class="makeCarInner ">Mercedes-Benz </div>
                                  <div class="makeCarInner">Scion</div>
                                </div>
                                <div class="makeCar">
                                  <div class="makeCarInner">Alfa Romeo </div>
                                  <div class="makeCarInner ">FIat</div>
                                  <div class="makeCarInner">Jeep </div>
                                  <div class="makeCarInner ">MINI </div>
                                  <div class="makeCarInner">Maart</div>
                                </div>
                                <div class="makeCar">
                                  <div class="makeCarInner">Acura </div>
                                  <div class="makeCarInner ">Dodge</div>
                                  <div class="makeCarInner">Jaguar </div>
                                  <div class="makeCarInner ">Mercedes-Benz </div>
                                  <div class="makeCarInner">Scion</div>
                                </div>
                                <div class="makeCar">
                                  <div class="makeCarInner">Alfa Romeo </div>
                                  <div class="makeCarInner ">FIat</div>
                                  <div class="makeCarInner">Jeep </div>
                                  <div class="makeCarInner ">MINI </div>
                                  <div class="makeCarInner">Maart</div>
                                </div>
                              </div>
                              <div class="makeTitlesWrap">
                                <div class="makeTitles makeBack" onclick="back()">
                                  <img src="images/fff.png">
                                  <span>Back to Makes</span>
                                </div>
                                <div class="backImg">
                                  <img src="images/asdzxczx.png">
                                  <span class="au">AUDI</span>
                                  <span class="se">Select all</span>
                                </div>
                                <div class="makeCar">
                                  <div class="makeCarInner">A3 <img src="images/xx.png"></div>
                                  <div class="makeCarInner carac">A5 Sportback<img src="images/xx.png"></div>
                                  <div class="makeCarInner">A6 <img src="images/xx.png"></div>
                                  <div class="makeCarInner carac">A7 <img src="images/xx.png"></div>
                                  <div class="makeCarInner">A8 Sportback<img src="images/xx.png"></div>
                                </div>
                                <div class="makeCar">
                                  <div class="makeCarInner">A3 <img src="images/xx.png"></div>
                                  <div class="makeCarInner">A5 <img src="images/xx.png"></div>
                                  <div class="makeCarInner">A6 <img src="images/xx.png"></div>
                                  <div class="makeCarInner">A7 Sportback<img src="images/xx.png"></div>
                                  <div class="makeCarInner">A8 <img src="images/xx.png"></div>
                                </div>
                                <div class="makeCar">
                                  <div class="makeCarInner">A3 <img src="images/xx.png"></div>
                                  <div class="makeCarInner">A5 Sportback<img src="images/xx.png"></div>
                                  <div class="makeCarInner">A6 <img src="images/xx.png"></div>
                                  <div class="makeCarInner">A7 <img src="images/xx.png"></div>
                                  <div class="makeCarInner">A8 <img src="images/xx.png"></div>
                                </div>
                                <div class="makeCar">
                                  <div class="makeCarInner">A3 <img src="images/xx.png"></div>
                                  <div class="makeCarInner">A5 <img src="images/xx.png"></div>
                                  <div class="makeCarInner">A6 <img src="images/xx.png"></div>
                                  <div class="makeCarInner">A7 <img src="images/xx.png"></div>
                                  <div class="makeCarInner">A8 <img src="images/xx.png"></div>
                                </div>
                              </div>
                            </div>
                        </li>
                        <li class="col-md-1-5 carWrap">
                            <div  class="proWrap" v="2">
                                <span> YEAR</span>
                                 <img src="images/barr.png">
                            </div>
                            <div class="yearArea hideArea hac" >
                                <div class="rangeWrap">
                                    <div class="cir" id="ran1">2 020</div>
                                    <div class="lin">-</div>
                                    <div class="cir" id="ran2">2 009</div>
                                </div>
                                <div class="rwrap rw_1">
                                    <input type="text" id="range_1" />
                                </div>
                                <div class="year">
                                    <span >2009</span>
                                    <span>2020</span>
                                </div>
                            </div>
                        </li>
                        <li class="col-md-1-5 carWrap">
                           <div class="proWrap" v="3">
                               <span> MILEAGE</span>
                                <img src="images/barr.png">
                           </div>
                           <div class="mileageArea hideArea hac" >
                                <div class="rangeWrap">
                                    <div class="cir" id="ran11">2 020</div>
                                    <div class="lin">-</div>
                                    <div class="cir" id="ran12">2 009</div>
                                </div>
                                <div class="rwrap rw_6">
                                    <input type="text" id="range_6" />
                                </div>
                                <div class="year">
                                    <span >2009</span>
                                    <span>2020</span>
                                </div>
                            </div>
                        </li>
                        <li class="col-md-1-5 carWrap">
                           <div class="proWrap" v="4">
                               <span> BODYSTTYLES</span>
                                <img src="images/barr.png">
                           </div>
                           <div class="bodyArea hideArea hac" >
                               <div class="bodyAreaInner">
                                   <img src="images/c.png">
                                   <div>Sedan <img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="bodyAreaInner">
                                   <img src="images/c.png">
                                   <div class="acticesss">suv <img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="bodyAreaInner">
                                   <img src="images/c.png">
                                   <div>Hatchback <img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="bodyAreaInner">
                                   <img src="images/c.png">
                                   <div class="acticesss">wagon <img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="bodyAreaInner">
                                   <img src="images/c.png">
                                   <div>Coupe <img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="bodyAreaInner">
                                   <img src="images/c.png">
                                   <div class="acticesss">Truck <img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="bodyAreaInner">
                                   <img src="images/c.png">
                                   <div>Minivan <img src="images/dui.png" class="dui"></div>
                               </div>
                           </div>
                        </li>

                        <li class="col-md-1-5 carWrap">
                           <div class="proWrap" v="5">
                               <span> FEATURES</span>
                                <img src="images/barr.png">
                           </div>
                           <div class="featuresArea hideArea"  style="z-index: 99999">
                                <div class="featuresAreaInnerWrap">
                                  <!-- <div class="makeSearch searchInner">
                                      <img src="images/asdasd.png">
                                      <input type="text" name="" value="Search ">
                                      <div class="searchContent">
                                      </div>
                                      <div class="hides">hide</div>
                                  </div> -->
                                  <!-- <div class="moreSearch" style="overflow: hidden;"">
                                  </div> -->
                                    <div class="featuresAreaInner">
                                        <div class="ftitle">COMFORT</div>
                                        <div class="finner">
                                            <span class="sspan fspan_1"></span>
                                            <span class="te te1" idx=0>Cooled Seats</span>
                                        </div>
                                        <div class="finner">
                                            <span class="sspan fspan_2"></span>
                                            <span class="te te2" idx=1>Heated Seats</span>
                                        </div>
                                        <div class="finner">
                                            <span class="sspan fspan_3"></span>
                                            <span class="te te3" idx=2>Leather Inteior</span>
                                        </div>
                                        <div class="finner">
                                            <span class="sspan fspan_4"></span>
                                            <span class="te te4" idx=3>Sun Root</span>
                                        </div>
                                    </div>
                                    <div class="featuresAreaInner">
                                        <div class="ftitle">Tech</div>
                                        <div class="finner">
                                            <span class="sspan fspan_1"></span>
                                            <span class="te te5" idx=4>Heads up display</span>
                                        </div>
                                        <div class="finner">
                                            <span class="sspan fspan_2"></span>
                                            <span class="te te6" idx=5>keyless Lgnition</span>
                                        </div>
                                        <div class="finner">
                                            <span class="sspan fspan_3"></span>
                                            <span class="te te7" idx=6>Power Driver seat</span>
                                        </div>
                                        <div class="finner">
                                            <span class="sspan fspan_4"></span>
                                            <span class="te te8" idx=7>Power Passenger seat</span>
                                        </div>
                                    </div>
                                    <div class="featuresAreaInner">
                                        <div class="ftitle">SAFETY</div>
                                        <div class="finner">
                                            <span class="sspan fspan_1"></span>
                                            <span class="te te9" idx=8>Cooled Seats</span>
                                        </div>
                                        <div class="finner">
                                            <span class="sspan fspan_2"></span>
                                            <span class="te te10" idx=9>Heated Seats</span>
                                        </div>
                                        <div class="finner">
                                            <span class="sspan fspan_3"></span>
                                            <span class="te te11" idx=10>Leather Inteior</span>
                                        </div>
                                        <div class="finner">
                                            <span class="sspan fspan_4"></span>
                                            <span class="te te12" idx=11>Sun Root</span>
                                        </div>
                                    </div>
                                    <div class="featuresAreaInner">
                                        <div class="ftitle">ENTERTAINMENT</div>
                                        <div class="finner">
                                            <span class="sspan fspan_5"></span>
                                            <span class="te te13" idx=12>DVD  Video  </span>
                                        </div>
                                        <div class="finner">
                                            <span class="sspan fspan_6"></span>
                                            <span class="te te14" idx=13>Premium Sound</span>
                                        </div>
                                        <div class="finner">
                                            <span class="sspan fspan_7"></span>
                                            <span class="te te15" idx=14>Satelite Redio</span>
                                        </div>
                                    </div>
                                    <div class="featuresAreaInner">
                                        <div class="ftitle">SAFETY</div>
                                        <div class="finner">
                                            <span class="sspan fspan_1"></span>
                                            <span class="te te16" idx=15>Cooled Seats</span>
                                        </div>
                                        <div class="finner">
                                            <span class="sspan fspan_2"></span>
                                            <span class="te te17" idx=16>Heated Seats</span>
                                        </div>
                                        <div class="finner">
                                            <span class="sspan fspan_3"></span>
                                            <span class="te te18" idx=17>Leather Inteior</span>
                                        </div>
                                        <div class="finner">
                                            <span class="sspan fspan_4"></span>
                                            <span class="te te19" idx=18>Sun Root</span>
                                        </div>
                                    </div>
                                    <div style="clear: both;"></div>
                                </div>
                           </div>
                        </li>
                        <li class="col-md-1-5 carWrap">
                            <div  class="proWrap" v="6">
                                <span>COLORS</span>
                                <img src="images/barr.png">
                            </div>
                           <div class="colorArea hideArea hac" >
                               <div class="colorAreaInner">
                                   <img src="images/b1.png">
                                   <div>Black <img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="colorAreaInner">
                                   <img src="images/b2.png">
                                   <div>Sliver<img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="colorAreaInner">
                                   <img src="images/b3.png">
                                   <div>White<img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="colorAreaInner">
                                   <img src="images/b4.png">
                                   <div>Gray<img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="colorAreaInner">
                                   <img src="images/b5.png">
                                   <div class="acticesss">Red<img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="colorAreaInner">
                                   <img src="images/b6.png">
                                   <div class="acticesss">Blue<img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="colorAreaInner">
                                   <img src="images/b7.png">
                                   <div>Gold<img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="colorAreaInner">
                                   <img src="images/b8.png">
                                   <div>Orange<img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="colorAreaInner">
                                   <img src="images/b9.png">
                                   <div>Green<img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="colorAreaInner">
                                   <img src="images/b10.png">
                                   <div>Brown<img src="images/dui.png" class="dui"></div>
                               </div>
                               <div class="colorAreaInner">
                                   <img src="images/b11.png">
                                   <div>Other<img src="images/dui.png" class="dui"></div>
                               </div>
                           </div>
                        </li>
                        <li class="col-md-1-5 carWrap">
                           <div  class="proWrap" v="7">
                               <span> FUEL</span>
                               <img src="images/barr.png">
                           </div>
                           <div class="fuelArea hideArea hac" >
                              <div class="fuelInner">Gas</div>
                              <div class="fuelInner">Electric</div>
                              <div class="fuelInner fac">Hybrid</div>
                              <div class="fuelInner fac">Other</div>
                           </div>
                        </li>
                        <li class="col-md-1-5 carWrap">
                            <div  class="proWrap" v="8">
                                 <span> MPG</span>
                                 <img src="images/barr.png">
                            </div>
                            <div class="mpgArea hideArea hac" >
                                <div class="rangeWrap">
                                    <div class="cir" id="ran9">2 020</div>
                                    <div class="lin">-</div>
                                    <div class="cir" id="ran10">2 009</div>
                                </div>
                                <div class="rwrap rw_5">
                                    <input type="text" id="range_5" />
                                </div>
                                <div class="year">
                                    <span >2009</span>
                                    <span>2020</span>
                                </div>
                            </div>
                        </li>
                        <li class="col-md-1-5 carWrap">
                            <div  class="proWrap" v="9">
                                 <span> MORE FILTERS</span>
                                 <img src="images/barr.png">
                            </div>
                            <div class="filtersArea hideArea hac" >
                                <div class="filterTitle">CYLINDERS</div>
                                <div class="filterInner">
                                  <div class="filterInnerDiv facc">4</div>
                                  <div class="filterInnerDiv">6</div>
                                  <div class="filterInnerDiv facc">Other</div>
                                  <div class="filterInnerDiv ">7</div>
                                </div>
                                <div class="filterTitle">TRANSMISSIONS</div>
                                <div class="filterInner">
                                  <div class="filterInnerDiv">Automatic</div>
                                  <div class="filterInnerDiv"> Manual</div>
                                </div>

                                <div class="filterTitle">DRIVE TYPE</div>
                                <div class="filterInner">
                                  <div class="filterInnerDiv facc">Front Wheel </div>
                                  <div class="filterInnerDiv facc"> ALL Wheel</div>
                                  <div class="filterInnerDiv"> REAR Wheel</div>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <ul class="row rnone">
                        <li class="col-md-1-5">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-1-5 ">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-1-5 ">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-1-5">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-1-5">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-1-5">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-1-5">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-1-5">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-1-5">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-1-5">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-1-5">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-1-5">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-1-5">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-1-5">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                        <li class="col-md-1-5">
                            <div class="linke-itme">
                                <div class="label-box">
                                    <div class="pull-right label-itme">
                                        <p>Teda Financing</p>
                                        <b>No Payments Forupto 90 dats</b>
                                    </div>
                                </div>
                                <div class="images">
                                    <img src="./images/chechanp.png" alt="">
                                </div>
                                <div class="info-box">
                                    <h1 class="name">2016 VOLKSWAGEN JETTA</h1>
                                    <div class="center-box row">
                                        <div class=" col-md-6 rmb">$12,990</div>
                                        <div class="col-md-6">
                                            <i class="icon-linke pull-right"></i>
                                            <div class="clearfix"></div>
                                        </div>

                                    </div>
                                    <div class="botom-info">
                                        <div>1.4T S</div>
                                        <div class="row">
                                            <div class=" col-md-6">16,952 miles</div>
                                            <div class=" col-md-6">Free Shipping</div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
        <nav aria-label="Page navigation" style="text-align: center;margin-bottom: 30px;">
          <ul class="pagination pagination-lg">
            <li>
              <a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
              </a>
            </li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li>
              <a href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
              </a>
            </li>
          </ul>
        </nav>
        <div class="container-fluid" style="background: #272727;padding-bottom: 15px!important">
            <div class="container">
                <div class="row text-color">
                    <div class="col-md-2">
                        <dl>
                            <dt>FINANCE</dt>
                            <dd>learn More</dd>
                        </dl>
                    </div>
                    <div class="col-md-2">
                        <dl>
                            <dt>TRADE/SELL</dt>
                            <dd>Get an Offer</dd>
                        </dl>
                    </div>
                    <div class="col-md-2">
                        <dl>
                            <dt>FINANCE</dt>
                            <dd>How Teda Works</dd>
                            <dd>Certified Cars</dd>
                            <dd>Referrals</dd>
                        </dl>
                    </div>
                    <div class="col-md-2">
                        <dl>
                            <dt>FINANCE</dt>
                            <dd>About Us</dd>
                            <dd>Logistics Hubs</dd>
                            <dd>Customer Reviews</dd>
                            <dd>Vehicle Protection</dd>
                            <dd>Careers</dd>
                        </dl>
                    </div>
                    <div class="col-md-2">
                        <dl>
                            <dt>SUPPORT</dt>
                            <dd>FAQ & Contact Us</dd>
                        </dl>
                    </div>
                    <div class="col-md-2">
                        <dl>
                            <dt>FINANCE</dt>
                            <dd>partnerships@TEDA.com</dd>
                            <dd>media@TEDA.com</dd>
                            <dd>realestate@TEDA.com</dd>
                        </dl>
                    </div>
                </div>
                <div>
                    <ul class="flex footerFlex">
                        <li>
                            <a href="" title="">
                                <img src="./images/f.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="" title="">
                                <img src="./images/n.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="" title="">
                                <img src="./images/in.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="" title="">
                                <img src="./images/xian.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="" title="">
                                <img src="./images/youtube.png" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
                <div>
                    <ul class="flex ">
                        <li>
                            <a href="" title="">SEARCH CARS</a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">REFERRAL PROGRAM</a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">INVESTORS</a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">BLOG</a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">PATENTS</a>
                        </li>
                    </ul>
                </div>
                <p class="Copyright">Copyright ©  2020 TEDA . All Rights Reserved </p>
                <div>
                    <ul class="flex">
                        <li>
                            <a href="" title="">Terms of Use and Privacy Policy  </a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">Financial</a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">Privacy Policy </a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title=""> Do Not Sell My Lnfo</a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">Code of</a>
                            <i></i>
                        </li>
                         <li>
                            <a href="" title="">Conduct</a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">Accessibility </a>
                            <i></i>
                        </li>
                        <li>
                            <a href="" title="">Site Map </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

    </div>

    <script src="./js/jQuery_v3.5.1.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="js/ion.rangeSlider.js"></script> 
    <script src="js/car.js"></script>
   
</body>
<script type="text/javascript">
  function back(){
     $(".makeTitlesInner").show();
     $(".makeTitlesWrap").hide();
  }
</script>
</html>